<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>{eyou:global name='web_name' /}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <!-- 新样式 2020-12-8 -->
    {eyou:static file="users/skin/css/element/index.css" /}
    {eyou:static file="users/skin/userfont/iconfont.css" /}
    {eyou:static file="users/skin/css/e-user.css" /}
    {eyou:include file="users/skin/css/diy_css.htm" /}
    
    {eyou:static file="/public/static/common/js/jquery.min.js"/}
    {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
    {eyou:static file="users/skin/js/global.js" /}
</head>

<body>
{eyou:include file="users/users_header.htm" /}
    <!-- 头部信息 -->
    <div class="ey-header-status">
        <div class="header-status-l">
            <a href="javascript:history.go(-1)"><i class="el-icon-arrow-left"></i></a>
        </div> 
        <div class="header-status-m">订单支付</div> 
        <div class="header-status-r"></div>
    </div>
    <!-- 头部信息结束 -->
    <div class="h50"></div>

    <div class="ey-container order-details">
         
         <div class="item-list">
             <div class="item">
                  <div class="item-l"><i class="el-icon-success"></i></div> 
                  <div class="item-m">
                      <span class="oeder-success-title">订单提交成功！去付款咯~</span>
                      <span class="oeder-success-sub">请在<em class="pay-time-tip"></em>内完成支付，超时后将取消订单</span>
                  </div> 
                  <div class="item-r"></div>
              </div>
         </div>
         <div class="item-list">
             <div class="item">
                  <div class="item-l">订单号：</div> 
                  <div class="item-m">
                      <span>{$data.unified_number}</span>
                  </div> 
                  <div class="item-r"></div>
              </div>
              <div class="item">
                   <div class="item-l">收货信息：</div> 
                   <div class="item-m flex align-c flex-wrap">
                        <span>{$data.consignee} {$data.mobile} {$data.addressInfo}</span>
                   </div> 
                   <div class="item-r"></div>
               </div>
               <div class="item">
                    <div class="item-l">商品名称：</div> 
                    <div class="item-m flex align-c flex-wrap">
                        {eq name='$data.transaction_type' value='2'}
                            {volist name='$data.order_details' id='goods'}
                            <span>
                                {$goods.product_name}&nbsp;
                                {volist name='$goods.product_spec_list' id='spec'}
                                    {$spec.value}&nbsp;
                                {/volist}
                            </span>
                            {/volist}
                        {else /}
                            <span class="red">{$data.cause}</span>
                        {/eq}
                    </div> 
                    <div class="item-r"></div>
                </div>
                <div class="item">
                     <div class="item-l">应付总额：</div> 
                     <div class="item-m flex align-c flex-wrap">
                         <span class="red">￥{$data.unified_amount}元</span>
                     </div> 
                     <div class="item-r"></div>
                 </div>
         </div>
         <!--选择支付-->
         <div class="item-list" style="{eyou:eq name='is_wechat' value='1'}display:none;{/eyou:eq}">
            <!-- 支付方式 -->
            {eyou:include file="/public/static/template/users_v3/pay_recharge_type_m.htm" /}
            <!-- 支付方式 -->
         </div>
         
         <div class="h50"></div>
         <div class="address-add">
             <a href="JavaScript:void(0);" onclick="gopay(this);">去付款</a>
         </div>
         
    </div>   

    <script type="text/javascript">
        /*
        时间倒计时插件
        TimeDown.js
        */
        TimeDown({$data.paymentExpire|default=0});
        function TimeDown(totalSeconds) {
            //取模（余数）
            var modulo = totalSeconds % (60 * 60 * 24);
            //小时数
            var hours = Math.floor(modulo / (60 * 60));
            modulo = modulo % (60 * 60);
            //分钟
            var minutes = Math.floor(modulo / 60);
            //输出到页面
            $('.pay-time-tip').html(hours + "小时" + minutes + "分");
            // 剩余秒数
            totalSeconds--;
            if (totalSeconds < 0) {
                totalSeconds = 0;
            }
            //延迟一秒执行自己
            setTimeout(function () {
                TimeDown(totalSeconds);
            }, 1000)
        }
    </script> 
